<!DOCTYPE html>
<!-- saved from url=(0043)http://i26.jp/sample_code/getUserMedia.html -->
<html lang="ja"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>getUserMediaサンプル</title>
    <link rel="stylesheet" href="http://i26.jp/sample_code/index.css">
    <script>
      if (!navigator.getUserMedia && !navigator.webkitGetUserMedia) {
        alert('webkit系ブラウザでないか、もしくはgetUserMediaがサポートされていません');
      }

      function getMedia() {
        navigator.webkitGetUserMedia(
          {video: true},
          function(localMediaStream) {
            var myVideo  = document.getElementById('myVideo');
            myVideo.src = window.URL.createObjectURL(localMediaStream);
            myVideo.play();
          },
          function(err) {
            alert('カメラから映像を取得することができませんでした。');  
            console.log(err);
          }
        );
      }
    </script>
  </head>
  <body>
    <header>
      <h1>getUserMediaサンプル</h1>
    </header>
    <button onclick="getMedia()">キャプチャ開始</button><br>
    <video id="myVideo"></video><br>
    <a href="http://i26.jp/html5dev/?p=667">ブログ記事に戻る</a>
  


</body></html>